<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="https://cdn.bootcss.com/angular.js/1.6.4/angular.min.js"></script>
</head>
<body>
<!--   ng-指令名    -->
<!--   ng-app：angular的 作用域,范围,并且只能有一个  -->
<!--   ng-init 初始化一个值,可以任意数据类型（可以定义一个变量）  定义多个值  使用分号隔开-->

<!--angular
   1 可以通过双大括号 {{}}将数据绑定到渲染到DOM节点
   2 也可以通过ng-bind 来渲染，但是bind里面的内容会
被覆盖
   3 双大括号内部可以进行运算操作
   4为可输入区域绑定一个value值，必须使用ngModel;-->


<div ng-app="" ng-init="name=['路飞','呢没'];age=18;number=2;obj={key:'88'}">
    <!--<h1>{{age*number}}</h1>-->
    <!--<h1>{{name[1]+'天王'}}666</h1>-->
    <!--<p>{{age}}</p>-->
    <!--<p>{{obj.key}}</p>-->
    <!--<h2 ng-bind="name[0]">-->
    <!--hello-->
    <!--</h2>-->


    <input type="text" ng-model="age">
    <h2>{{age*number}}</h2>


</div>

<div>{{number}}</div>
</body>
</html>